@import "../variable.less";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: "微软雅黑";
}

body {
  .fs(16);
  background-color: @bodyBgColor;
}

button {
  border: none;
  outline: none;
}

ul {
  list-style: none;
}

li, ol {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  padding: 10px 0;
}

i, em {
  font-style: normal;
}

input{
  border: none;
}

.fs(@px) {
  font-size: unit(@px / @originW, rem);
}

.w(@px) {
  width: unit(@px / @originW, rem);
}

.h(@px) {
  height: unit(@px / @originW, rem);
}

.lh(@px) {
  line-height: unit(@px / @originW, rem);
}

.mt(@px) {
  margin-top: unit(@px / @originW, rem);
}

.mb(@px) {
  margin-bottom: unit(@px / @originW, rem);
}

.ml(@px) {
  margin-left: unit(@px / @originW, rem);
}

.mr(@px) {
  margin-right: unit(@px / @originW, rem);
}

.mall(@tbpx, @lrpx) {
  margin: unit(@tbpx / @originW, rem) unit(@lrpx / @originW, rem);
}

.pt(@px) {
  padding-top: unit(@px / @originW, rem);
}

.pb(@px) {
  padding-bottom: unit(@px / @originW, rem);
}

.pl(@px) {
  padding-left: unit(@px / @originW, rem);
}

.pr(@px) {
  padding-right: unit(@px / @originW, rem);
}

.pall(@tbpx, @lrpx) {
  padding: unit(@tbpx / @originW, rem) unit(@lrpx / @originW, rem);
}

.pallDetail(@tpx, @rpx, @bpx, @lpx) {
  padding: unit(@tpx / @originW, rem) unit(@rpx / @originW, rem) unit(@bpx / @originW, rem) unit(@lpx / @originW, rem);
}

.pos-l(@px) {
  left: unit(@px/@originW, rem);
}

.pos-r(@px) {
  right: unit(@px/@originW, rem);
}

.pos-t(@px) {
  top: unit(@px/@originW, rem);
}

.pos-b(@px) {
  bottom: unit(@px/@originW, rem);
}

.validation-invalid {
  padding: 10px 0;
  color: @fontColorRed;
}

